﻿
@{
    ViewBag.Title = "UserRegistration";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="container-Registration">
    <h4 class="well">Registration Form</h4>
    <div class="col-lg-12 well">
        <div class="row">
            <form>
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-4 form-group">
                            <label>Title</label>
                            <input type="text" placeholder="Enter Title Here.." class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>First Name</label>
                            <input type="text" placeholder="Enter First Name Here.." class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>Last Name</label>
                            <input type="text" placeholder="Enter Last Name Here.." class="form-control" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 form-group">
                            <label>Address</label>
                            <textarea placeholder="Enter Address" rows="3" class="form-control"></textarea>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>City</label>
                            <input type="text" placeholder="Enter City Name" class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>State</label>
                            <input type="text" placeholder="Enter State Name" class="form-control" required>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-sm-4 form-group">
                            <label>Postal Code</label>
                            <input type="text" placeholder="Postal Code" class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>Telephone Number</label>
                            <input type="text" placeholder="Enter Phone Number" class="form-control">
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>Mobile Number</label>
                            <input type="text" placeholder="Enter Mobile Number" class="form-control" required>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-sm-4 form-group">
                            <label>Date Of Birth</label>
                            <input type="text" placeholder="Enter Date Of Birth" class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>Email Address</label>
                            <input type="email" placeholder="Enter Email Address" class="form-control" required>
                        </div>

                    </div>

                    <div class="row">
                        <div class="col-sm-4 form-group">
                            <label>Account Number</label>
                            <input type="text" placeholder="Enter Account Number" class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>Bank Name</label>
                            <input type="email" placeholder="Enter Bank Name" class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>Bank Code</label>
                            <input type="email" placeholder="Enter Bank Code" class="form-control" required>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-4 form-group">
                            <label>User Name</label>
                            <input type="text" placeholder="Enter Account Number" class="form-control" required>
                        </div>
                        <div class="col-sm-4 form-group">
                            <label>Password</label>
                            <input type="email" placeholder="Enter Bank Name" class="form-control" required>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary pull-right">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    form {
        margin: 0px 10px;
    }

    h2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .container-Registration {
        max-width: 80%;
    }

    .divider {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 5px;
    }

        .divider hr {
            margin: 7px 0px;
            width: 35%;
        }

    .left {
        float: left;
    }

    .right {
        float: right;
    }
</style>